<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表31</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list{
         width: 100%;
         background: url(https://17397861.s61i.faiusr.com/2/AD0I5fClCBACGAAg2Jy_3AUoxPKFxQUwgA84mAU.jpg) no-repeat;
         background-size:cover ;
         background-position: center;
      }
      .imgText_list_cnt{
         padding: 120px 0;
      }
      .imgText_list_list {
         display: flex;
         flex-wrap: wrap;
      }
      .imgText_list_list li{
         flex: 0 0 25%;
         max-width: 25%;
      }
      .imgText_list_img{
         height: 80px;
      }
      .imgText_list_img img{
         width: 100%;
         height: 100%;
         object-fit: contain;
      }
      .imgText_list_text{
         padding-top: 20px;
         text-align: center;
      }
      .imgText_list_text h3{
         font-size: var(--f_text);
         line-height: var(--l_text);
         color: var(--c_b_nav);
      }
      .imgText_list_text p{
         font-size: var(--f_describe);
         line-height: var(--l_describe);
         color: var(--c_b_nav);
      }
      @media (max-width:768px) {
         .imgText_list .public_width{
            padding: 0;
         }
         .imgText_list_img{
            padding-top: 30px;
            height: 130px;
         }
         .imgText_list_cnt{
            padding: 0;
         }
         .imgText_list_text{
            padding-bottom:20px;
         }
         .imgText_list_list li{
            flex: 0 0 50%;
            max-width: 50%;
         }
      }
   </style>
</head>

<body>
   <!-- 技能培训第八套1-5 -->
   <div class="imgText_list modular full_screen">
      <div class="public_width">
         <div class="imgText_list_cnt">
            <ul class="imgText_list_list">
               <li>
                  <div class="imgText_list_img">
                     <img src="https://17397861.s61i.faiusr.com/4/AD0I5fClCBAEGAAgmPrt2wUo6JzukgIwZDhk.png.webp" alt="">
                  </div>
                  <div class="imgText_list_text">
                     <h3>学员分析</h3>
                     <p>分析阻碍进步原因</p>
                  </div>
               </li>
               <li>
                  <div class="imgText_list_img">
                     <img src="https://17397861.s61i.faiusr.com/4/AD0I5fClCBAEGAAgmPrt2wUopIbt6AcwZDhk.png.webp" alt="">
                  </div>
                  <div class="imgText_list_text">
                     <h3>师资匹配</h3>
                     <p>筛选适合的老师</p>
                  </div>
               </li>
               <li>
                  <div class="imgText_list_img">
                     <img src="https://17397861.s61i.faiusr.com/4/AD0I5fClCBAEGAAgmPrt2wUosNz2twYwZDhk.png.webp" alt="">
                  </div>
                  <div class="imgText_list_text">
                     <h3>目标定制</h3>
                     <p>定制阶段性学习目标</p>
                  </div>
               </li>
               <li>
                  <div class="imgText_list_img">
                     <img src="https://17397861.s61i.faiusr.com/4/AD0I5fClCBAEGAAgmPrt2wUosKjZKDBkOGQ.png.webp" alt="">
                  </div>
                  <div class="imgText_list_text">
                     <h3>方案定制</h3>
                     <p>个性化学习方案</p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
</body>

</html>